<template>
  <q-page class="cc-admin column q-pa-sm">
    <div class="col row bg-blue">
      <div class="col column bg-lime">
        <div class="row col">
          <div class="col column items-center justify-center">
            <div class="text-h1">1</div>
          </div>
          <div class="col column items-center justify-center">
            <div class="text-h1">2</div>
          </div>
        </div>
      </div>
      <div class="col column bg-cyan shadow-2 items-center justify-center">
        <div class="text-h1">Second column</div>
      </div>
    </div>
    <div class="col column bg-primary shadow-2 items-center justify-center">
      <div class="text-h1">Third column</div>
    </div>
  </q-page>
</template>

<script>

export default {
  name: 'Demo10',
  components: {
  },
  data() {
    return {
    };
  },
  methods: {
  },
  computed: {
  },
  mounted() {
  },
};
</script>

<style lang="stylus"></style>
